<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Маэстро Иван Шпиллер - фотографии и видео сюжеты</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description"
	content="Маэстро Иван Шпиллер - фотографии и видео сюжеты." />
<link rel='stylesheet' href='css/main.css' type='text/css' />

<style type="text/css">
<!--
#media-1_ {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 23px;
}

#media-02_ {
	position: absolute;
	left: 0px;
	top: 23px;
	width: 481px;
	height: 104px;
}

#media-3_ {
	position: absolute;
	left: 481px;
	top: 23px;
	width: 479px;
	height: 12px;
}

#media-4_ {
	position: absolute;
	left: 481px;
	top: 35px;
	width: 186px;
	height: 525px;
}

#photo_ {
	position: absolute;
	left: 667px;
	top: 35px;
	width: 269px;
	height: 525px;
}

#media-6_ {
	position: absolute;
	left: 936px;
	top: 35px;
	width: 24px;
	height: 525px;
}

#media-7_ {
	position: absolute;
	left: 0px;
	top: 127px;
	width: 481px;
	height: 27px;
}

#prok-symphony_ {
	position: absolute;
	left: 0px;
	top: 154px;
	width: 481px;
	height: 96px;
}

#media-9_ {
	position: absolute;
	left: 0px;
	top: 250px;
	width: 481px;
	height: 29px;
}

#ch-symphony-5_ {
	position: absolute;
	left: 0px;
	top: 279px;
	width: 481px;
	height: 85px;
}

#media-11_ {
	position: absolute;
	left: 0px;
	top: 364px;
	width: 481px;
	height: 36px;
}

#ch-april_ {
	position: absolute;
	left: 0px;
	top: 400px;
	width: 387px;
	height: 31px;
}

#media-13_ {
	position: absolute;
	left: 387px;
	top: 400px;
	width: 94px;
	height: 60px;
}

#ch-october_ {
	position: absolute;
	left: 0px;
	top: 431px;
	width: 387px;
	height: 29px;
}

#ch-dance_ {
	position: absolute;
	left: 0px;
	top: 460px;
	width: 481px;
	height: 100px;
}
-->
</style>

<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	
<!-- Add fancyBox -->
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>	
	
<script>
	$(document).ready(function() {
		$('.fancybox-media').fancybox({
			openEffect  : 'none',
			closeEffect : 'none',
			helpers : {
				media : {}
			}
		});
	});	
</script>


<script type="text/javascript">
	var _gaq = _gaq || [];
	_gaq.push([ '_setAccount', 'UA-11312124-6' ]);
	_gaq.push([ '_trackPageview' ]);

	(function() {
		var ga = document.createElement('script');
		ga.type = 'text/javascript';
		ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl'
				: 'http://www')
				+ '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(ga, s);
	})();
</script>
</head>
<body>
	<div id="page">
		<div id="etudes_">
			<a href="/etudes.html"
				onmouseover="window.status='Этюды с натуры';  return true;"
				onmouseout="window.status='';  return true;"> <img id="etudes"
				src="images/etudes.jpg" width="193" height="118" border="0"
				alt="Этюды с натуры" /></a>
		</div>
		<div id="home-2_">
			<img id="home_2" src="images/home_2.jpg" width="6" height="129"
				alt="" />
		</div>
		<div id="portfolio_">
			<a href="/portfolio.html"
				onmouseover="window.status='Портфолио';  return true;"
				onmouseout="window.status='';  return true;"> <img
				id="portfolio" src="images/portfolio.jpg" width="186" height="118"
				border="0" alt="Портфолио" /></a>
		</div>
		<div id="home-4_">
			<img id="home_4" src="images/home_4.jpg" width="6" height="129"
				alt="" />
		</div>
		<div id="book_">
			<a href="/book.html"
				onmouseover="window.status='Очертания птицы в глине';  return true;"
				onmouseout="window.status='';  return true;"> <img id="book"
				src="images/book.jpg" width="184" height="118" border="0"
				alt="Очертания птицы в глине" /></a>
		</div>
		<div id="home-6_">
			<img id="home_6" src="images/home_6.jpg" width="6" height="129"
				alt="" />
		</div>
		<div id="media_">
			<a href="/media.html"
				onmouseover="window.status='фото видео';  return true;"
				onmouseout="window.status='';  return true;"> <img id="media"
				src="images/media.jpg" width="191" height="118" border="0"
				alt="фото видео" /></a>
		</div>
		<div id="home-8_">
			<img id="home_8" src="images/home_8.jpg" width="5" height="129"
				alt="" />
		</div>
		<div id="blog_">
			<a href="/guestbook.html"
				onmouseover="window.status='Гостевой альбом';  return true;"
				onmouseout="window.status='';  return true;"> <img id="blog"
				src="images/blog.jpg" width="180" height="118" border="0"
				alt="Гостевой альбом" /></a>
		</div>
		<div id="home-10_">
			<img id="home_10" src="images/home_10.jpg" width="3" height="129"
				alt="" />
		</div>
		<div id="home-11_">
			<img id="home_11" src="images/home_11.jpg" width="193" height="11"
				alt="" />
		</div>
		<div id="home-12_">
			<img id="home_12" src="images/home_12.jpg" width="186" height="11"
				alt="" />
		</div>
		<div id="home-13_">
			<img id="home_13" src="images/home_13.jpg" width="184" height="11"
				alt="" />
		</div>
		<div id="home-14_">
			<img id="home_14" src="images/home_14.jpg" width="191" height="11"
				alt="" />
		</div>
		<div id="home-15_">
			<img id="home_15" src="images/home_15.jpg" width="180" height="11"
				alt="" />
		</div>
		<div id="content">
			<div id="media-1_">
				<img id="media_1" src="images/media_1.png" width="960" height="23"
					alt="" />
			</div>
			<div id="media-02_">
				<a class="fancybox-media" href="http://www.youtube.com/watch?v=HRp8TDHi09s"
					onmouseover="window.status='ЛЮДВИГ ВАН БЕТХОВЕН - Симфония №1, до мажор, Op. 21';  return true;"
					onmouseout="window.status='';  return true;"> <img
					id="media_02" src="images/media_02.png" width="481" height="104"
					border="0"
					alt="ЛЮДВИГ ВАН БЕТХОВЕН - Симфония №1, до мажор, Op. 21" /></a>
			</div>
			<div id="media-3_">
				<img id="media_3" src="images/media_3.png" width="479" height="12"
					alt="" />
			</div>
			<div id="media-4_">
				<img id="media_4" src="images/media_4.png" width="186" height="525"
					alt="" />
			</div>
			<div id="photo_">
				<a href="photo.html"
					onmouseover="window.status='Фотографии';  return true;"
					onmouseout="window.status='';  return true;"> <img id="photo"
					src="images/photo.png" width="269" height="525" border="0"
					alt="Фотографии" /></a>
			</div>
			<div id="media-6_">
				<img id="media_6" src="images/media_6.png" width="24" height="525"
					alt="" />
			</div>
			<div id="media-7_">
				<img id="media_7" src="images/media_7.png" width="481" height="27"
					alt="" />
			</div>
			<div id="prok-symphony_">
				<a class="fancybox-media" href="http://www.youtube.com/watch?v=Q1WqKZ3arSc"
					onmouseover="window.status='Прокофьев - Симфония №1';  return true;"
					onmouseout="window.status='';  return true;"> <img
					id="prok_symphony" src="images/prok_symphony.png" width="481"
					height="96" border="0" alt="Прокофьев - Симфония №1" /></a>
			</div>
			<div id="media-9_">
				<img id="media_9" src="images/media_9.png" width="481" height="29"
					alt="" />
			</div>
			<div id="ch-symphony-5_">
				<a class="fancybox-media" href="http://www.youtube.com/watch?v=Ig77xCLBIWM"
					onmouseover="window.status='Симфония № 5';  return true;"
					onmouseout="window.status='';  return true;"> <img
					id="ch_symphony_5" src="images/ch_symphony_5.png" width="481"
					height="85" border="0" alt="Симфония № 5" /></a>
			</div>
			<div id="media-11_">
				<img id="media_11" src="images/media_11.png" width="481" height="36"
					alt="" />
			</div>
			<div id="ch-april_">
				<a class="fancybox-media" href="http://www.youtube.com/watch?v=joBFW0lVwAI"
					onmouseover="window.status='Времена года - Апрель';  return true;"
					onmouseout="window.status='';  return true;"> <img
					id="ch_april" src="images/ch_april.png" width="387" height="31"
					border="0" alt="Времена года - Апрель" /></a>
			</div>
			<div id="media-13_">
				<img id="media_13" src="images/media_13.png" width="94" height="60"
					alt="" />
			</div>
			<div id="ch-october_">
				<a class="fancybox-media" href="http://www.youtube.com/watch?v=6_XjdCHXl38"
					onmouseover="window.status='Времена года - Октябрь';  return true;"
					onmouseout="window.status='';  return true;"> <img
					id="ch_october" src="images/ch_october.png" width="387" height="29"
					border="0" alt="Времена года - Октябрь" /></a>
			</div>
			<div id="ch-dance_">
				<a class="fancybox-media" href="http://www.youtube.com/watch?v=8S901kXpiOE"
					onmouseover="window.status='Танец маленьких лебедей';  return true;"
					onmouseout="window.status='';  return true;"> <img
					id="ch_dance" src="images/ch_dance.png" width="481" height="100"
					border="0" alt="Танец маленьких лебедей" /></a>
			</div>
		</div>
	</div>
</body>
</html>
